<!DOCTYPE html>
<html>

<head>
    <title>Place Order</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.js"></script>
    <link href="./css/placeorder.css" rel="stylesheet" />
</head>

<script type="text/javascript">
    window.config = {
        serverHost: 'http://10.222.29.198:8080/amc-c',
        // serverHost: 'http://localhost:8080/amc-c'
    }

</script>

<body id="login">
    <div class="login-logo">
        <div class="banner1">
            <div class="container">
                <div class="header-nav">
                    <nav class="navbar navbar-default">
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
					</button>
                            <div class="logo">
                                <a class="navbar-brand" href="#">Platform</a>
                            </div>
                        </div>

                        <div class="collapse navbar-collapse nav-wil">
                            <ul class="nav navbar-nav pull-right">
                                <li style="margin-right: 20px;"><a href="index.html">Home</a></li>
                                <li style="margin-right: 20px;"><a href="menu.html">Menu</a></li>
                                <li><a href="./personal.html">Personal</a></li>
                            </ul>
                        </div>
                    </nav>
                </div>
                <hr style="padding-left: 10px; padding-right: 10%" />
            </div>
        </div>
    </div>
    <div class="app-cam">
        <div class="col-md-5" style="background-color: #fff; min-height: 320px; margin-left: 28.5%;">
            <h3 style="padding: 20px 0 10px 0px; color:#9f9f9f;">Place Orders</h3>
            <div class="checkout-cart" checkout-cart="cart">
                <div class="checkoutcart-container">
                    <div class="checkoutcart-title">
                        <h2>订单详情</h2><a ng-href="/shop/156791861" onclick="history.go(-1)">&lt; 返回商家</a></div>
                    <div class="checkoutcart-tablerow tablehead">
                        <div class="cell itemname">商品</div>
                        <div class="cell itemquantity">份数</div>
                        <div class="cell itemtotal">小计（元）</div>
                    </div>
                    <dl class="checkoutcart-group">
                        <dt class="checkoutcart-grouptitle" id="shopHead">1号购物车</dt>
                        <div id="shopcarFoods"></div>
                        <!-- <dd id="shopList">
                            <div class="checkoutcart-tablerow">
                                <div class="cell itemname" title="正味三杯鸡便当">正味三杯鸡便当</div>
                                <div class="cell itemquantity">
                                    <input readonly class="ng-pristine ng-valid">
                                <div class="cell itemtotal">¥25.50</div>
                            </div>
                        </dd> -->
                        
                    </dl>
                    <ul>
                        <li class="checkoutcart-tablerow extra ng-scope">
                            <div class="cell itemname"><span title="餐盒" class="ng-binding">餐盒</span>
                            </div>
                            <div class="cell itemquantity"></div>
                            <div class="cell itemtotal" ng-class="{minus: item.price < 0}">¥0.00</div>
                        </li>
                        <li class="checkoutcart-tablerow extra ng-scope">
                            <div class="cell itemname"><span title="配送费" class="ng-binding">配送费</span>
                            </div>
                            <div class="cell itemquantity"></div>
                            <div class="cell itemtotal" ng-class="{minus: item.price < 0}">¥0.00</div>
                        </li>
                    </ul>

                    <hr/>
                    <ul>
                        <li class="checkoutcart-tablerow extra ng-scope" id="address">
                            <div class="cell itemname">
                                <span class="ng-binding">地址
                                    <a id="changeAddress" class="btn" style="color: red">(点击选择)</a>
                                </span>
                            </div>
                            <div class="cell itemtotal">
                                <input id="addressId" type="hidden" />
                                <p id="r-name" style="margin: 0px;"></p>
                                <p id="r-tel" style="margin: 0px;"></p>
                                <p id="r-address-name" style="margin: 0px;"></p>
                            </div>
                        </li>
                    </ul>

                    <div class="checkoutcart-total color-stress">¥<span class="num" id="totalPrice">00.00</span></div>
                    <!-- <div class="checkoutcart-totalextra">共 <span ng-bind="cart.pieces" class="ng-binding">2</span> 份商品 -->
                </div>
            </div>

            <div style="width: 100%; text-align: center;">
                <button id="place" class="pay">PLACE</button>
            </div>
        </div>
    </div>

    <!-- Select Address  -->
    <div class="modal fade" id="modal-container-524903" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="myModalLabel">
                        Change Address
                    </h4>
                </div>
                <div class="modal-body" id="addressList" style="padding: 10px;">
                    内容...
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <!-- <button type="button" class="btn btn-primary">保存</button> -->
                </div>
            </div>
        </div>
    </div>

    <!-- Place Order Success  -->
    <div class="modal fade" id="placeSuccess" role="dialog" aria-labelledby="placeModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                    <h4 class="modal-title" id="placeModalLabel">
                        Place Order
                    </h4>
                </div>
                <div class="modal-body" id="placeResult" style="padding: 10px;">
                    Place Order Success!
                </div>
                <div class="modal-footer">
                    <!-- <button type="button" class="btn btn-default" data-dismiss="modal">OK</button> -->
                     <button type="button" id="confirmOrder" class="btn btn-primary">确认</button> 
                </div>
            </div>
        </div>
    </div>
</body>
<script src="./js/placeorder.js" type="text/javascript"></script>

</html>